<!DOCTYPE html>
<html>

<head>
    <title>编辑班车信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" content="北京规划院 移动办公 OA 自动化">
    <link rel="stylesheet" href="../css/jquery-weui.css">
    <link rel="stylesheet" href="../css/weui.min.css">

    <style type="text/css">
        .agent-span {
            color: #5bc0de;
        }

        .operation-icon {
            text-align: center;
        }

        html,
        body,
        .page {
            height: 100%;
            background-color: #F0EFF5;
        }

        .my-button {
            color: #1B9AF7;
            border: 1px solid #1B9AF7;
        }

        #pageTitle {
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: #3285FF;
            text-align: center;
            color: #fff;
            font-size: 18px;
        }

        .my-color {
            color: #1B9AF7
        }

        .jquery-weui-conflict-weui-min {
            opacity: 1;
            visibility: visible;
        }

        .weui-cells {
            margin: 8px auto;
            border-radius: 5px;
        }

        .weui-cell__hd img {
            width: 28px;
            display: inline-block;
            vertical-align: middle;
        }
        .weui-toast {
            transform: translate(-0%,-0%);
        }
    </style>
</head>

<body>
<!-- 基本信息页面 -->
<div class="page input js_show">
    <div class="page__bd">
        <div id="pageTitle" style="display: none">
            编辑班车信息
        </div>
        <div class="weui-cells" style="width: 95%;" >

            <!-- 内容部分 -->
            <div class="weui-cell" id="departure-date-div">

                <div class="weui-cell__hd">
                    <!-- 修改了weui.min.css de weui-label 的 width由105->125 -->
                    <label class="weui-label">
                        <img src="../images/carServer1.png"/>班次日期：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <span id="departure-date">2018-11-24</span>
                </div>
            </div>
            <div class="weui-cell">

                <div class="weui-cell__hd">
                    <!-- 修改了weui.min.css de weui-label 的 width由105->125 -->
                    <label class="weui-label">
                        <img src="../images/carServer2.png">人数限制：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <div class="weui-flex">
                        <div class="weui-flex__item">
                            <div class="placeholder">
                                <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" id="unlimited" style="padding: 1px">无限制</a>
                                <!--<button id="unlimited">无限制</button>-->
                            </div>
                        </div>
                        <div class="weui-flex__item">
                            <div class="placeholder">
                                <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" id="limited" style="padding: 1px">自定义</a>
                                <!--<button id="limited" >自定义</button>-->
                            </div>
                        </div>
                        <div class="weui-flex__item">
                            <div class="placeholder">
                                <input type="text" name="max-num" id="max-num" class="weui-input" style="display: none" placeholder="0" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">
                        <img src="../images/carServer3.png"/>发车时间：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <div class="weui-flex">
                        <div class="weui-flex__item" id="time-forenoon-div">
                            <div class="weui-cell" style="padding: 0px;">
                                <div class="weui-cell__hd" style="width: 45px"><label for="time-forenoon" class="weui-label">上午</label></div>
                                <div class="weui-cell__bd">
                                    <div class="placeholder">
                                        <!--<input class="weui-input" name="time-forenoon" id="time-forenoon" type="text" placeholder="09:30">-->
                                        <div id="time-forenoon" style="width: 55px; height: 25px">09:30</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="weui-flex__item" id="time-afternoon-div">
                            <div class="weui-cell" style="padding: 0px;">
                                <div class="weui-cell__hd" style="width: 45px"><label for="time-afternoon" class="weui-label">下午</label></div>
                                <div class="weui-cell__bd">
                                    <!--<input class="weui-input" id="time-afternoon" type="text" placeholder="14:10">-->
                                    <div id="time-afternoon" style="width: 55px; height: 25px">14:10</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">
                        <img src="../images/carServer4.png"/>发车地点：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <input type="text" name="departure-location" id="departure-location" class="weui-input" placeholder="院门口马路东侧" />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">
                        <img src="../images/carServer5.png"/>到达地点：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <input type="text" name="arrive-location" id="arrive-location" class="weui-input" placeholder="通州区副中心xxx地点" />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="driver-name" class="weui-label">
                        <img src="../images/carServer6.png"/>司机名称：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <input type="text" name="driver-name" id="driver-name" value="" class="weui-input" />
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">
                        <img src="../images/carServer7.png"/>司机电话：
                    </label>
                </div>
                <div class="weui-cell__bd">
                    <input type="text" name="driver-tel" id="driver-tel" class="weui-input" placeholder="" />
                </div>
            </div>

        </div>
        <div class="weui-flex" style="margin: 0 auto;margin-top: 15px;width: 100%;">
            <!--<div class="weui-flex__item"  style="margin-right:30px;">-->
            <div class="weui-flex__item">
                <a href="javascript:;" class="weui-btn weui-btn_warn" style="background-color: #3285FF; color: #fff;width: 95%;" id="save">保存</a>
            </div>
        </div>

    </div>
</div>

<!-- dialog -->
<div class="js_dialog" id="dialog" style="display:none">
    <div class="weui-mask jquery-weui-conflict-weui-min"></div>
    <div class="weui-dialog jquery-weui-conflict-weui-min">
        <div class="weui-dialog__bd"></div>
        <div class="weui-dialog__ft">
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="iknow">知道了</a>
        </div>
    </div>
</div>

<!-- iosDialog -->
<div class="js_dialog" id="iosDialog" style="display:none">
    <div class="weui-mask jquery-weui-conflict-weui-min"></div>
    <div class="weui-dialog jquery-weui-conflict-weui-min">
        <div class="weui-dialog__hd"><strong class="weui-dialog__title">确定提交吗？</strong></div>
        <div class="weui-dialog__ft">
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" id="no">取消</a>
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="yes">确定</a>
        </div>
    </div>
</div>

<!-- iosDialog -->
<div class="js_dialog" id="iosDialog1" style="display:none">
    <div class="weui-mask jquery-weui-conflict-weui-min"></div>
    <div class="weui-dialog jquery-weui-conflict-weui-min">
        <div class="weui-dialog__hd"><strong class="weui-dialog__title">确定要修改班次日期吗？如果是请点击“确定”，否请点击“取消”！</strong></div>
        <div class="weui-dialog__ft">
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default" id="no1">取消</a>
            <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary" id="yes1">确定</a>
        </div>
    </div>
</div>

<!-- toast -->
<div id="toast" style="opacity:1; display: none;">
    <div class="weui-mask_transparent "></div>
    <div class="weui-toast jquery-weui-conflict-weui-min">
        <i class="weui-icon-success-no-circle weui-icon_toast"></i>
        <p class="weui-toast__content">提交完成</p>
    </div>
</div>

<div id="toast1" style="opacity:1; display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast jquery-weui-conflict-weui-min">
        <i class="weui-loading weui-icon_toast"></i>
        <p class="weui-toast__content">提交中</p>
    </div>
</div>

<!--loadingToast-->
<div id="loadingToast" style="opacity: 1; display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast jquery-weui-conflict-weui-min">
        <i class="weui-loading weui-icon_toast"></i>
        <p class="weui-toast__content"></p>
    </div>
</div>
</body>

<script src="../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/laydate/laydate.js"></script>
<script src="../js/my-js/fastclick.js"></script>
<script type="text/javascript" src="../js/my-js/editShuttleBusInfo.js" charset="utf-8"></script>

</html>